*{
	margin: 0;
	padding: 0;
}
.center{
	height: 823px;
	overflow: hidden;
}
.content{
	margin:97px auto 133px;
	border-radius: 20px;
	height: 590px;
	width: 420px;
	background: url(../img2/icon_juxing.png) no-repeat 18px 20px #FFFFFF;
	overflow: hidden;
}
.content .invite1{
	height: 15px;
	width: 15px;
	background: url(../img2/icon_invite.png) no-repeat 0px 0px;
	transform: translateX(390px) translateY(15px);
}
.content .invite2{
	height: 15px;
	width: 15px;
	background: url(../img2/icon_invite.png) no-repeat 0px -48px;
	transform: translateX(390px);
}
.content .invite3{
	height: 50px;
	width: 50px;
	background: url(../img2/icon_invite.png) no-repeat 0px -169px;
	transform: translateX(185px) translateY(-30px);
}
.content .invite4{
	height: 64px;
	width: 112px;
	background: url(../img2/icon_invite.png) no-repeat 0px -86px;
	transform: translateX(154px) translateY(3px);
}
.content .invite5{
	height: 60px;
	width: 60px;
	border-radius: 50%;
	background: #FCDB00;
	transform: translateX(180px) translateY(18px);
	overflow: hidden;
}
.content .invite5 .img{
	height: 60px;
	width: 60px;
	background: url(../img2/icon_invite.png) no-repeat 0px -240px;
	transform: translateX(4px) translateY(-3px);
}
.content p{
	margin-top: 38px;
	margin-left: 153px;
	font-size: 14px;
	color: #404040;
}
.content h3{
	margin-top: 11px;
	margin-left: 82px;
	font-size: 20px;
	color: #FCCA00;
}
.content form input{
	width: 350px;
	height: 50px;
	margin-left: 35px;
	font-size: 18px;
	border: none;
	border-bottom: 1px #D4D4D4 solid;
}
.content form .input{
	width: 160px;
	height: 50px;
	color: #FFFFFF;
	margin-top: 30px;
	margin-left: 133px;
	font-size: 18px;
	background: #FCD000;
	border: none;
	border-radius: 25px;
}

